<template>
	<view class="mescroll-empty">
		<image  class="empty-icon" src="https://img.aimengtong.cn/car/5fb8c2207ea08045d756ff4a7b95a1bf.png" mode="widthFix" />
		<view  class="empty-tip">暂无内容</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.mescroll-empty {
		box-sizing: border-box;
		width: 100%;
		padding: 100rpx 50rpx;
		text-align: center;
	}
	
	.mescroll-empty.empty-fixed {
		z-index: 99;
		position: absolute; /*transform会使fixed失效,最终会降级为absolute */
		top: 100rpx;
		left: 0;
	}
	
	.mescroll-empty .empty-icon {
		width: 426rpx;
		height: 264rpx;
	}
	
	.mescroll-empty .empty-tip {
		margin-top: 20rpx;
		font-size: 30rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #999999;
	}
	
	.mescroll-empty .empty-btn {
		display: inline-block;
		margin-top: 40rpx;
		min-width: 200rpx;
		padding: 18rpx;
		font-size: 28rpx;
		border: 1rpx solid #e04b28;
		border-radius: 60rpx;
		color: #e04b28;
	}
	
	.mescroll-empty .empty-btn:active {
		opacity: 0.75;
	}
</style>
